<html>
	<head>
    	<link type="text/css" rel="stylesheet" href="/style/youtour.css" />
  	</head>

	<body>
		<hr>
		<h1>YouTour</h1>
		<hr>
		<h2>Tours for the public by the public</h2>
		<hr>
		<h2>Upload a new tour</h2>
		<form action="/uploadTour" method="post">
			<h3>Tour details</h3>
			<label for="title">Title</label>
			<input type="text" name="title" value="Berlin Mitte"/>
			<br>
			<label for="description">Description</label>
			<input type="text" name="description" value="A tour of the central area of Berlin"/>
			<br>
			<label for="startPos">Start position</label>
			<input type="text" name="startPos" value="Brandenburger Tor"/>
			<br>
			<label for="endPos">End position</label>
			<input type="text" name="endPos" value="Reichstag"/>
			<br>
			<label for="startTime">Start time</label>
			<input type="text" name="startTime" value="10:11"/>
			<br>
			<label for="endTime">End time</label>
			<input type="text" name="endTime" value="12:30"/>
			
			<h3>Stop details</h3>
			<table>
			<tr>
				<th>Stop no.</th>
				<th>Description</th>
				<th>Directions</th>
			</tr>
			<tr>
				<td><input type="text" name="stopNumber" size="3" value="1" /></td>
				<td><textarea name="stopDescription">We start at Brandenburger Tor.</textarea></td>
				<td><textarea name="directions">Walk down Unter den Linden towards the bright light.</textarea></td>
			</tr>
			</table>
			<input type="submit" value="Save tour" />
		</form>
		
	</body>
</html>